        .cart_num {
            width: 21px;
            height: 21px;
            display: block;
            border-radius: 50%;
            background: #f42424;
            text-align: center;
            line-height: 21px;
            margin: 5px 0 0 10px;
            cursor: pointer;
            color: #fff;
            float: right;
            margin-right: 20px;
        }

        /* 购物车添加 */
        /* 购物车添加 */

        body {
            overflow-x: hidden;
        }

        .home {
            width: 1200px;
            height: 40px;
            margin: 0 auto;
            position: relative;
        }

        .home .home-left {
            width: 200px;
            height: 40px;
            background-color: #027BD6;
            text-align: center;
            line-height: 40px;
            color: white;
            cursor: pointer;
        }

        .home-list {
            width: 982px;
            height: 40px;
            position: absolute;
            left: 220px;
            top: 0px;
        }

        .home-list li {
            width: 80px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #555;
            font-size: 16px;
            float: left;
        }

        .home-list li .li-a {
            color: #e23435;
        }

        .home-list li:hover {
            color: #e23435;
        }

        .ping-jiao-ji-jin-qu {
            position: relative;
            z-index: 1000;
        }

        .ping-jiao-ji-jin-qu .iconfont {
            font-size: 20px;
            font-weight: 600;
            color: #f42424;
            float: left;
            height: 26px;
            position: static;
        }

        /* 轮播图 */
        /* 轮播最大的父元素 */
        /* 轮播图 */
        /* 轮播最大的父元素 */

        .carousel {
            width: 1920px;
            height: 400px;
            margin: 0 auto;
            /* border: 1px solid #ccc; */
            /* 因为小方块相对于它进行定位 */
            position: relative;
        }

        .cal_list {
            /* width: 1200px; */
            height: 400px;
            position: relative;
            overflow: hidden;
            margin: 0 auto;
        }

        .cal_list li {
            height: 100px;
            position: absolute;
            margin-left: -100px;
            left: 0;
            top: 0;
            opacity: 0;
            /* 过渡样式 */
            transition: all 1s;
            cursor: pointer;
        }

        .cal_list .show {
            opacity: 1;
        }

        /* 小方块的父元素 */

        .circle_list {
            width: 105px;
            height: 10px;
            border-radius: 12px;
            background-color: hsla(0, 0%, 100%, .3);
            padding: 5px;
            position: absolute;
            right: 59%;
            bottom: 50px;
        }

        /* 小方块 */

        .circle {
            width: 13px;
            height: 13px;
            border-radius: 50%;
            float: left;
            background-color: rgba(255, 255, 255, 0.5);
            margin-left: 7px;
            cursor: pointer;
        }

        /* 默认的活性颜色 */

        .active {
            background-color: #fff;
        }

        .laner {
            width: 200px;
            height: 400px;
            background-color: #00AAEC;
            position: absolute;
            left: 0px;
            top: 40px;
            z-index: 999;
        }

        .laner h3 {
            text-align: left !important;
            line-height: 45px !important;
        }

        .laner p {
            text-align: left !important;
            line-height: 20px !important;
        }

        .laner .laner1 {
            width: 200px;
            height: 80px;
        }

        .laner .laner1:hover {
            background-color: rgba(32, 28, 28, 0.3);
            border-bottom: 1px dashed #4B94E6;
        }

        .laner .laner1 h3 {
            font-size: 14px;
            font-weight: 700;
            color: white;
            padding: 0 10px;
            cursor: pointer;
        }

        .laner .laner1 p {
            font-size: 12px;
            font-weight: 300;
            color: white;
            cursor: pointer;
        }

        .laner .laner1:before {
            content: '';
            position: absolute;
            height: 10px;
            width: 10px;
            background: #00AAEC;
            right: -5px;
            top: 25px;
            transform: rotate(45deg);
            display: none;
        }

        .laner .laner1-1 {
            width: 200px;
            height: 80px;
        }

        .laner .laner1-1:hover {
            background-color: rgba(32, 28, 28, 0.3);
            border-bottom: 1px dashed #4B94E6;
        }

        .laner .laner1-1 h3 {
            font-size: 14px;
            font-weight: 700;
            color: white;
            padding: 0 10px;
            cursor: pointer;
        }

        .laner .laner1-1 p {
            font-size: 12px;
            font-weight: 300;
            color: white;
            cursor: pointer;
        }

        .laner .laner1-1:before {
            content: '';
            position: absolute;
            height: 10px;
            width: 10px;
            background: #00AAEC;
            right: -5px;
            top: 25px;
            transform: rotate(45deg);
            display: none;
        }

        .laner .laner1-2 {
            width: 200px;
            height: 80px;
        }

        .laner .laner1-2:hover {
            background-color: rgba(32, 28, 28, 0.3);
            border-bottom: 1px dashed #4B94E6;
        }

        .laner .laner1-2 h3 {
            font-size: 14px;
            font-weight: 700;
            color: white;
            padding: 0 10px;
            cursor: pointer;
        }

        .laner .laner1-2 p {
            font-size: 12px;
            font-weight: 300;
            color: white;
            cursor: pointer;
        }

        .laner .laner1-2:before {
            content: '';
            position: absolute;
            height: 10px;
            width: 10px;
            background: #00AAEC;
            right: -5px;
            top: 25px;
            transform: rotate(45deg);
            display: none;
        }

        .laner .laner1-3 {
            width: 200px;
            height: 80px;
        }

        .laner .laner1-3:hover {
            background-color: rgba(32, 28, 28, 0.3);
            border-bottom: 1px dashed #4B94E6;
        }

        .laner .laner1-3 h3 {
            font-size: 14px;
            font-weight: 700;
            color: white;
            padding: 0 10px;
            cursor: pointer;
        }

        .laner .laner1-3 p {
            font-size: 12px;
            font-weight: 300;
            color: white;
            cursor: pointer;
        }

        .laner .laner1-3:before {
            content: '';
            position: absolute;
            height: 10px;
            width: 10px;
            background: #00AAEC;
            right: -5px;
            top: 25px;
            transform: rotate(45deg);
            display: none;
        }

        .laner .laner1-4 {
            width: 200px;
            height: 80px;
        }

        .laner .laner1-4:hover {
            background-color: rgba(32, 28, 28, 0.3);
            border-bottom: 1px dashed #4B94E6;
        }

        .laner .laner1-4 h3 {
            font-size: 14px;
            font-weight: 700;
            color: white;
            padding: 0 10px;
            cursor: pointer;
        }

        .laner .laner1-4 p {
            font-size: 12px;
            font-weight: 300;
            color: white;
            cursor: pointer;
        }

        .laner .laner1-4:before {
            content: '';
            position: absolute;
            height: 10px;
            width: 10px;
            background: #00AAEC;
            right: -5px;
            top: 25px;
            transform: rotate(45deg);
            display: none;
        }

        .laner2 {
            width: 400px;
            height: 380px;
            background-color: white;
            position: absolute;
            left: 16.8%;
            top: 41px;
            color: #555;
            display: none;
            z-index: 999;
        }

        .laner2 .laner2-1 {
            width: 200px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
            margin-left: 10px;
            border-bottom: 1px dashed grey;
        }

        .carousel .laner2 .laner2-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner2 .laner2-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner2 .laner2-2 .laner2-2-1 {
            display: inline-block;
            width: 97px;
            background: #F8F8F8;
            text-align: center;
            line-height: 2;
            margin-top: 10px;
            cursor: pointer;
        }

        .laner2 .laner2-2 .laner2-2-1:hover {
            background-color: #555;
            color: white;
        }

        .laner3 {
            width: 400px;
            height: 380px;
            background-color: white;
            position: absolute;
            left: 16.8%;
            top: 41px;
            color: #555;
            display: none;
            z-index: 999;
        }

        .laner3 .laner3-1 {
            width: 200px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
            margin-left: 10px;
            border-bottom: 1px dashed grey;
        }

        .carousel .laner3 .laner3-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner3 .laner3-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner3 .laner3-2 .laner3-2-1 {
            display: inline-block;
            width: 97px;
            background: #F8F8F8;
            text-align: center;
            line-height: 2;
            margin-top: 10px;
            cursor: pointer;
        }

        .laner3 .laner3-2 .laner2-3-1:hover {
            background-color: #555;
            color: white;
        }

        .laner3 img {
            position: absolute;
            left: 59%;
            top: 0px;
        }

        .laner4 {
            width: 400px;
            height: 380px;
            background-color: white;
            position: absolute;
            left: 16.8%;
            top: 41px;
            color: #555;
            display: none;
            z-index: 999;
        }

        .laner4 .laner4-1 {
            width: 200px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
            margin-left: 10px;
            border-bottom: 1px dashed grey;
        }

        .carousel .laner4 .laner4-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner4 .laner4-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner4 .laner4-2 .laner4-2-1 {
            display: inline-block;
            width: 97px;
            background: #F8F8F8;
            text-align: center;
            line-height: 2;
            margin-top: 10px;
            cursor: pointer;
        }

        .laner5 {
            width: 400px;
            height: 380px;
            background-color: white;
            position: absolute;
            left: 16.8%;
            top: 41px;
            color: #555;
            display: none;
            z-index: 999;
        }

        .laner5 .laner5-1 {
            width: 200px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
            margin-left: 10px;
            border-bottom: 1px dashed grey;
        }

        .carousel .laner5 .laner5-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner5 .laner5-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner5 .laner5-2 .laner5-2-1 {
            display: inline-block;
            width: 97px;
            background: #F8F8F8;
            text-align: center;
            line-height: 2;
            margin-top: 10px;
            cursor: pointer;
        }

        .laner6 {
            width: 400px;
            height: 380px;
            background-color: white;
            position: absolute;
            left: 16.8%;
            top: 41px;
            color: #555;
            display: none;
            z-index: 999;
        }

        .laner6 .laner6-1 {
            width: 200px;
            height: 50px;
            text-align: left;
            line-height: 50px;
            font-size: 14px;
            font-weight: 700;
            margin-top: 10px;
            margin-left: 10px;
            border-bottom: 1px dashed grey;
        }

        .carousel .laner6 .laner6-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner6 .laner6-2 {
            width: 200px;
            height: 320px;
            margin-left: 10px;
        }

        .laner6 .laner6-2 .laner6-2-1 {
            display: inline-block;
            width: 97px;
            background: #F8F8F8;
            text-align: center;
            line-height: 2;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot {
            width: 1200px;
            height: 80px;
            margin: 0 auto;
            border-bottom: 3px solid black;
            position: relative;
        }

        .hot .hot-left {
            width: 90px;
            height: 80px;
            line-height: 100px;
            font-size: 20px;
        }

        .hot .hot-right {
            float: right;
            height: 42px;
            position: absolute;
            left: 66%;
            top: 42px;
        }

        .hot .hot-right li {
            width: 100px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            float: right;
            font-size: 12px;
            border-right: 1px solid #ededed;
            cursor: pointer;
        }

        .hot .hot-right .blue {
            color: #2E84E9;
        }

        .hot2 {
            width: 1200px;
            height: 300px;
            margin: 0 auto;
            margin-top: 10px;
            display: flex;
        }

        .hot2 .hot2-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot2 .hot2-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot2 .hot2-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot2 .hot2-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot2 .hot2-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot2 .hot2-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot2 .hot2-1 .hot-red {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .hot3-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot3-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot3-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot3-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot3-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot3-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot3-1 .hot-red2 {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .hot4-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot4-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot4-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot4-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot4-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot4-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot4-1 .hot-red3 {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .hot5-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot5-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot5-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot5-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot5-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot5-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot5-1 .hot-red4 {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .hot6-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot6-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot6-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot6-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot6-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot6-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot6-1 .hot-red5 {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .hot7-1 {
            width: 200px;
            height: 300px;
            border: 1px solid #ededed;
            position: relative;
        }

        .hot7-1 .hot-img {
            width: 200px;
            height: 100px;
            margin-top: 10px;
            cursor: pointer;
        }

        .hot7-1 .hot-price {
            color: red;
            margin-top: 90px;
            margin-left: 50px;
        }

        .hot7-1 .hot-name {
            width: 190px;
            height: 41px;
            margin-left: 10px;
            overflow: hidden;
        }

        .hot7-1 .hot-name a {
            font-size: 12px;
            color: #555;
        }

        .hot7-1 .hot-name a:hover {
            color: #e23435;
        }

        .hot7-1 .hot-red6 {
            width: 200px;
            height: 30px;
            background-color: #e23435;
            position: absolute;
            left: 0px;
            top: 90%;
            text-align: center;
            line-height: 30px;
            font-size: 12px;
            color: white;
            cursor: pointer;
            display: none;
        }

        .brand {
            width: 1200px;
            height: 50px;
            margin: 0 auto;
            margin-top: 50px;
        }

        .brand .brand1 {
            font-size: 20px;
        }

        .brand-img {
            width: 1200px;
            height: 330px;
            margin: 0 auto;
            position: relative;
        }

        .brand-img .brand-middle-img {
            position: absolute;
            left: 29%;
            top: 0px;
            width: 400px;
            height: 300px;
        }

        .brand-img table {
            width: 300px;
            height: 300px;
            position: absolute;
            left: 62%;
            top: 0px;
            border-collapse: collapse;
        }

        .brand-img table tbody {
            width: 300px;
            height: 300px;
        }

        .brand-img table tr {
            width: 300px;
            height: 60px;
        }

        table tbody tr td {
            width: 150px;
            height: 50px;
            border: 1px solid #ededed;
        }

        table tbody tr td img {
            width: 150px;
            height: 70px;
        }

        /* 厨房电器 */
        /* 添加 */

        .app-kitchen {
            width: 1200px;
            margin: 0 auto;
            /* background-color: #ccc; */
        }

        .app-kitchen-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 50px;
            border-bottom: 1px solid #2E84E9;
            margin-bottom: 20px;
        }

        .app-kitchen-top h2 {
            font-size: 21px;
            font-weight: normal;
        }

        .app-kitchen-top-right ul {
            margin-top: 11px;
            display: flex;
        }

        .app-kitchen-top-right ul li {
            padding: 0 20px;
            height: 38px;
            border: 1px solid #f8f8f8;
            background: #fff;
            cursor: pointer;
            margin-left: 8px;
            font-size: 12px;
            line-height: 38px;
        }

        .app-kitchen-top-right ul .on {
            color: #2E84E9;
            height: 39px;
            border: 1px solid #2E84E9;
            border-bottom-color: #fff;
        }

        .app-kitchen-bot {
            display: flex;
        }

        .app-kitchen-bot-left img {
            width: 280px;
            height: 460px;
        }

        .app-kitchen-bot-right ul li {
            float: left;
            width: 168px;
            font-size: 14px;
            text-align: center;
            margin: 0 -1px -1px 0;
            position: relative;
            padding: 14px;
            border: 1px solid #ededed;
        }

        .app-kitchen-bot-right ul .first {
            width: 300px;
            height: 430px;
            padding: 14px;
        }

        .app-kitchen-bot-right ul .first .p-info {
            background: #F5F9FF;
            padding: 14px 5px;
            margin-top: 20px;
        }

        .first .p-info .info-name {
            text-align: left;
            height: 36px;
            margin-bottom: 10px;
        }

        .first .p-info .info-name a {
            font-size: 14px;
        }

        .app-kitchen-bot-right ul .first .p-img {
            width: 280px;
            height: 280px;
        }

        .first .p-img img {
            width: 100%;
            height: 100%;
        }

        .first .p-info .info-handle {
            height: 36px;
        }

        .info-handle {
            display: flex;
        }

        .info-handle .info-price {
            color: #f43434;
            font-size: 21px;
            width: 140px;
            text-align: left;
            height: 36px;
        }

        .info-handle .info-btn {
            background: #f43434;
            color: #fff;
            text-align: center;
            height: 36px;
            line-height: 36px;
            width: 110px;
        }

        /* 之后的ul的样式值 */

        .app-kitchen-bot-right ul li .p-img {
            width: 143px;
            height: 143px;
        }

        .app-kitchen-bot-right ul li .p-img img {
            width: 100%;
            height: 100%;
        }

        .app-kitchen-bot-right ul li .p-name {
            margin: 11px 0 5.5px;
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .app-kitchen-bot-right ul li .p-price {
            color: #f43434;
        }

        /* 添加 */
        /* 添加 */

        .kitchen {
            width: 1200px;
            height: 555px;
            margin: 0 auto;
        }

        .kitchen .kitchen-top {
            width: 100%;
            height: 50px;
            border-bottom: 1px solid #4B94E6;
            position: relative;
        }

        .kitchen .kitchen-top .kitchen-top-left {
            height: 50px;
            line-height: 50px;
            font-size: 20px;
        }

        .kitchen .kitchen-top .kitchen-top-right {
            width: 500px;
            height: 50px;
            position: absolute;
            left: 62%;
            top: 18px;
        }

        .kitchen .kitchen-top .kitchen-top-right li {
            float: left;
            width: 80px;
            height: 30px;
            border: 1px solid #f8f8f8;
            text-align: center;
            line-height: 30px;
            margin-left: 10px;
            font-size: 12px;
            cursor: pointer;
        }

        .kitchen .kitchen-top .kitchen-top-right ul .on {
            color: #2E84E9;
            height: 31px;
            border: 1px solid #2E84E9;
            border-bottom-color: #fff;
        }

        .kitchen .kitchen-under {
            width: 1200px;
            height: 460px;
            margin-top: 20px;
            position: relative;
        }

        .kitchen .kitchen-under .kitchen-under-left {
            width: 300px;
            height: 460px;
            position: relative;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu {
            width: 200px;
            height: 300px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 {
            width: 200px;
            height: 60px;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu1-1 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: 156%;
            margin-left: 21%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu1-2 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: -14%;
            margin-left: 70%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu2-1 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: 4%;
            margin-left: 21%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu2-2 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: -14%;
            margin-left: 70%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu3-1 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: 4%;
            margin-left: 21%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1 .menu3-2 {
            width: 88px;
            height: 28px;
            text-align: center;
            line-height: 28px;
            float: left;
            background-color: rgba(0, 0, 0, .4);
            ;
            margin-top: -14%;
            margin-left: 70%;
            font-size: 12px;
            color: #fff;
            cursor: pointer;
            opacity: 0.6;
            transition: all 1s;
        }

        .kitchen .kitchen-under .kitchen-under-left .menu .menu1>div:hover {
            opacity: 1;
        }

        .app-kitchen-bot-right ul li {
            float: left;
            width: 168px;
            font-size: 14px;
            text-align: center;
            margin: 0 -1px -1px 0;
            position: relative;
            padding: 14px;
            border: 1px solid #ededed;
        }

        .app-kitchen-bot-right ul .first {
            width: 300px;
            height: 430px;
            padding: 14px;
        }

        .app-kitchen-bot-right ul .first .p-info {
            background: #F5F9FF;
            padding: 14px 5px;
            margin-top: 20px;
        }

        .first .p-info .info-name {
            text-align: left;
            height: 44px;
            margin-bottom: 10px;
            overflow: hidden;
        }

        .app-kitchen-bot-right ul .first .p-img {
            width: 280px;
            height: 280px;
        }

        .first .p-img img {
            width: 100%;
            height: 100%;
        }

        .first .p-info .info-handle {
            height: 36px;
        }

        .info-handle {
            display: flex;
        }

        .info-handle .info-price {
            color: #f43434;
            font-size: 21px;
            width: 140px;
            text-align: left;
            height: 36px;
        }

        .info-handle .info-btn {
            background: #f43434;
            color: #fff;
            text-align: center;
            height: 36px;
            line-height: 36px;
            width: 110px;
        }

        /* 之后的ul的样式值 */

        .app-kitchen-bot-right ul li .p-img {
            width: 143px;
            height: 143px;
        }

        .app-kitchen-bot-right ul li .p-img img {
            width: 100%;
            height: 100%;
        }

        .app-kitchen-bot-right ul li .p-name {
            margin: 11px 0 5.5px;
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .app-kitchen-bot-right ul li .p-price {
            color: #f43434;
        }

        .img-list {
            width: 1200px;
            height: 70px;
            margin: 0 auto;
        }

        .img-list li {
            float: left;
        }

        .img-list li img {
            display: block;
            width: 120px;
            height: 50px;
            cursor: pointer;
        }

        .big-img {
            width: 1200px;
            height: 100px;
            margin: 0 auto;
            position: relative;
        }

        .big-img img {
            display: block;
            width: 1200px;
            cursor: pointer;
        }

        /* 随手购 */

        .hand-buy {
            width: 1200px;
            height: 80px;
            margin: 0 auto;
            position: relative;
        }

        .hand-buy .hand-buy-left {
            height: 80px;
            line-height: 100px;
            font-size: 20px;
            font-weight: normal;
        }

        .hand-buy ul {
            height: 80px;
            position: absolute;
            left: 96%;
            top: 52px;
            width: 100px;
        }

        .hand-buy ul li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #555;
            float: left;
            margin-left: 5px;
            cursor: pointer;
        }

        .hand-buy ul .on2 {
            width: 15px !important;
            background: orange !important;
        }

        .hand-buy-list {
            width: 1200px;
            height: 430px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

        .hand-buy-list ul {
            width: 3600px;
            left: 0px;
            position: relative;
            overflow: hidden;
            padding: 0px;
            margin: 0px;
        }

        .hand-buy-list ul li {
            width: 200px;
            height: 480px;
            border: 1px dashed #ededed;
            float: left;
            cursor: pointer;
        }

        .hand-buy-list ul li img {
            display: block;
            width: 158px;
            height: 158px;
            margin-left: 20px;
            margin-top: 20px;
        }

        .hand-buy-list ul li .hand-buy-list-price {
            margin-left: 70px;
            margin-top: 20px;
            font-size: 16px;
            color: #e23435;
        }

        .hand-buy-list ul li .hand-buy-list-name {
            width: 158px;
            height: 85px;
            padding: 13px;
            overflow: hidden;
        }

        .hand-buy-list ul li .hand-buy-list-name:hover {
            color: #e23435;
        }

        .hand-buy-list ul li .hand-buy-list-red {
            width: 150px;
            height: 30px;
            border: 1px solid #e23435;
            text-align: center;
            line-height: 30px;
            margin-left: 21px;
            color: #e23435;
            font-size: 16px;
            transition: all 0.2s;
        }

        .hand-buy-list ul li .hand-buy-list-red:hover {
            color: white;
            background-color: #e23435;
        }

        .hand-buy-list .btn1 {
            width: 35px;
            height: 80px;
            background-color: grey;
            position: absolute;
            left: 0px;
            top: 30%;
            font-size: 50px;
            opacity: 0.4;
            cursor: pointer;
            display: none;
        }

        .hand-buy-list .btn1:hover {
            opacity: 1;
        }

        .hand-buy-list .btn2 {
            width: 35px;
            height: 80px;
            background-color: grey;
            position: absolute;
            left: 98%;
            top: 30%;
            font-size: 50px;
            opacity: 0.4;
            cursor: pointer;
            display: none;
        }

        .hand-buy-list .btn2:hover {
            opacity: 1;
        }

        /* 楼层导航 */

        .sidebar {
            width: 80px;
            position: fixed;
            top: 20%;
            left: 7%;
            display: none;
        }

        .sidebar>div {
            width: 40px;
            height: 50px;
            border: 1px solid #E9E9E9;
            text-align: center;
            line-height: 50px;
            background-color: #E9E9E9;
            ;
            color: #555;
            margin-top: 4px;
            transition: all 0.4s;
            cursor: pointer;
        }

        .sidebar>div h5 {
            width: 80px;
            height: 10px;
            margin-left: -19px;
            margin-top: -9px;
            font-weight: 400;
        }

        .sidebar>div h6 {
            width: 80px;
            height: 10px;
            margin-left: -19px;
            margin-top: 7px;
            font-weight: 400;
        }

        .sidebar>div:hover {
            background: #027BD6;
            color: #eee;
        }

        .sidebar .back h3 {
            font-size: 20px;
            transform: rotate(90deg)
        }

        .sidebar .actives {
            background-color: #4B94E6;
        }